<!DOCTYPE html>
<html lang="zh-CN">
<head>
<title>Page title</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=Edge">

<link href="lib/view.css" rel="stylesheet" />

<link href="lib/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet" />
<link href="lib/font-awesome/4.7.0/css/font-awesome.min.css"
	rel="stylesheet" />
<script src="lib/jquery/3.1.1/jquery.min.js"></script>
<script src="lib/echarts.min.js"></script>

<script src="lib/control.js"></script>

</head>

<body>
	<div class="container font"
		style="background-color: #33b5e5; width: 100%; height: 200px; ">
		<p style="margin-top:80px;text-align:center">排列组合的几种生成算法及其实现</p>
	</div>
	<div class="blank"></div>
	<div class="container">
		<div class="row">
			<div class="container col-sm-4">
				<div class="square" style="background-image: url(book.jpg);" id="target-enum">
					<div class="square-in">
					<p class="font" style="text-align:center">排列</p>
					<ul class="list-group" style="color:green;font-size:16px">
    					<li class="list-group-item">序数法的排列</li>
    					<li class="list-group-item">字典序法的排列</li>
    					<li class="list-group-item">换位法的排列</li>
					</ul>
					</div>
				</div>
			</div>
			<div class="container col-sm-4">
				<div class="square" style="background-image: url(book.jpg);" id="target-chart">
					<p class="font" style="text-align:center">效率的比较</p>
					<div class="square-in">
					<p style="color:green;font-size:16px">综合比较了序数法、字典序法和换位法的效率，同时为了便于观察，将生成的数据转换成了折线图/柱状图。</p>
					</div>
				</div>
			</div>
			<div class="container col-sm-4">
				<div class="square" style="background-image: url(book.jpg);" id="target-eg">
					<p class="font" style="text-align:center">案例分析</p>
					<div class="square-in">
						<p style="color:green;font-size:16px">密码破解</p>
					</div>
				</div>
			</div>
		</div>
	</div>
	<div class="blank"></div>
	<div class="footer"></div>
	
<!--  
	<nav class="navbar navbar-inverse navbar-fixed-bottom"
		role="navigation">
		<div class="navbar-header">
			<a class="navbar-brand" href="#">anhuidaxue</a>
		</div>
		<div>
			<ul class="nav navbar-nav">
				<li><a id="date"></a></li>
			</ul>
		</div>
	</nav>
-->
</body>
</html>
